<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/attendanceGroupManager.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/style.js"></script>
    <script src="js/attendanceGroupManager.js"></script>
    <script src="js/global.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7scToNnXDjo5stP1HctvVwAGkED76OPw"></script>
    <script type="text/javascript">
var o;
function MoveTo(index)
{
  if (index!=undefined)
  {
    o=source.options[index]; 
    distinct.options.add(new Option(o.text,o.value));
    source.remove(index);
  }
  else
  {
    for(var i=0;i<source.options.length;)//²»ÒªÔÚÕâÀï¿ØÖÆiµÄÔö³¤£¬ÒòÎªÓÐ¿ÉÄÜÉ¾³ýÁËoption
    {
      if(source.options[i].selected)
      {
         o=source.options[i];
         distinct.options.add(new Option(o.text,o.value));
         source.options.remove(i);
         i=0;
      }
      else
       i++;
    }
  }
}
function MoveBack(index)
{
  if (index!=undefined)
  {
    o=distinct.options[index];
    source.options.add(new Option(o.text,o.value));
    distinct.remove(index);   
  }
  else
  {
    for(var i=0;i<distinct.options.length;)
    {
      if(distinct.options[i].selected)
      {
         o=distinct.options[i];
         source.options.add(new Option(o.text,o.value));
         distinct.options.remove(i);
         i=0;
      }
      else
        i++;
    }
  }
}
    </script>
    <script type="text/javascript">
        window.onload=function(){
            //getAllGroupInformation()
        }
    </script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="personnelAnalysis.html">人事管理</a></li>
                <li class="active"><a href="marketingManager.html">营销管理</a></li>
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid  main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li">
                <a href="marketingManager.html" class="menu-link">
                    <img src="imgs/task.png">
                    <div>考勤首页</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush_fill.png">
                    <div>考勤设置    <span class="glyphicon glyphicon-triangle-bottom"></span></div>
                </a>
                <ul class="sub-menu">
                    <li class="sub-menu-li sub-li-active">
                        <a href="attendanceGroupManager.html" class="sub-menu-link">
                            考勤组管理
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="attendanceClassManager.html" class="sub-menu-link">
                            班次管理
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="attendanceJiaBan.html" class="sub-menu-link">
                            加班规则
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>考勤统计    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="attendanceMonthSummary.html" class="sub-menu-link">
                            月度汇总
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="attendanceDailyStatistics.html" class="sub-menu-link">
                            每日统计
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="attendancePunchTime.html" class="sub-menu-link">
                            打卡时间
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="attendanceOriginalRecord.html" class="sub-menu-link">
                            原始记录
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    <div class="right-panel">

        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>考勤组管理</li>
                </ul>
            </div>
        </div>

        <div class="main-body-content">

            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-4">
                            <input type="text" id ="search-groupName" class="form-control" placeholder="请输入考勤组名称">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" onclick="searchByName()">搜索</button>
                                <button class="btn btn-default" type="button" onclick="getAllGroupInformation()">搜索全部</button>
                            </span>
                        </div>
                    </div>
                    <div class="search-right">
                        <button class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal-addGroup" onclick="emptyAddGroupModal()">
                            添加考勤组
                        </button>
                    </div>
                </div>
            </div>

            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th>考勤组编号</th>
                        <th>考勤组名称</th>
                        <th>是否允许外勤打卡</th>
                        <th>对应项目</th>
                        <th>对应班次</th>
                        <th style="width: 50px">修改</th>
                        <th style="width: 50px">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="group-id"></td>
                        <td class="group-name"></td>
                        <td class="enable"></td>
                        <td class="project-name"></td>
                        <td class="schedule-name"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-modifyAttendanceGroup" onclick="setUpdateAttendanceGroupModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDeleteAttendanceGroup" onclick="setMakeSureDeleteAttendanceGroupButtonValue(this)" value=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" id="page_num"class="form-control" placeholder="0">
                            <span class="input-group-btn">
                                <button id="jump-button"  onclick="getAllGroupInformation()" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span>1/255</span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>


        </div>

    </div>

</div>

<!-------------------------------------------------------------添加考勤组 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-addGroup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >添加考勤组</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-attendanceGroupName" class="col-xs-3 control-label"><span>*</span>考勤组名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-attendanceGroupName" placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-leadersName" class="col-xs-3 control-label"><span>*</span>考勤组负责人</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" data-value="attendanceGroupLeads" onclick="getAllStaff(this)" data-target="#myModal-selectLeaders" class="form-control" id="modal-leadersName" placeholder="请选择负责人">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-project" class="col-xs-3 control-label"><span>*</span>考勤项目</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" data-value="addAttendanceGroupProject" onclick="getAllProject(this)" data-target="#myModal-selectProjects" class="form-control" id="modal-project" placeholder="请选择项目">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-scheduleName" class="col-xs-3 control-label"><span>*</span>班次设置</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllSchedule(this)" value="" data-value="addSelectSchedule"data-target="#myModal-selectSchedule" class="form-control" id="modal-scheduleName" placeholder="请选择班次">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom: 0px">
                        <label class="col-xs-3 control-label">考勤地址</label>
                        <div class="col-xs-7" style="margin-top: 7px">
                           <span style="font-size: 12px;color: #999999;"><a id="modal-selectMap" data-toggle="modal" data-target="#myModal-selectAttendanceAddress" onclick="getAllAttendanceAddress()">选择考勤地点</a> 或 <a id="modal-addMap" value="add" onclick="setModalSelectMapModalValue(this)" data-toggle="modal" data-target=".modal-selectMap">添加新考勤地点</a>

                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-9 col-xs-push-1">
                            <div class="table-body" style="margin-top: 3px">
                                <table id="modal-attendanceAddressTable" class="table">
                                    <thead style="background-color: #FBFBFB">
                                    <tr>
                                        <th style="border-right:1px solid #E5E5E5">考勤地址</th>
                                        <th style="width: 50px">删除</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addAttendanceGroup()">确认</button>
            </div>
        </div>
    </div>
</div>
<!----------------------------------------------------------------修改考勤组（模态框）------------------------------------------------------------------------------------>
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-modifyAttendanceGroup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改考勤组</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-modify-attendanceGroupID" class="col-xs-3 control-label"><span>*</span>考勤组编号</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modify-attendanceGroupID" placeholder="" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modify-attendanceGroupName" class="col-xs-3 control-label"><span>*</span>考勤组名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-modify-attendanceGroupName" placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modify-leadersName" class="col-xs-3 control-label"><span>*</span>考勤组负责人</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" data-value="modifyAttendanceGroupLeads" onclick="getAllStaff(this)" data-target="#myModal-selectLeaders" class="form-control" id="modal-modify-leadersName" placeholder="请选择负责人">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modify-project" class="col-xs-3 control-label"><span>*</span>考勤项目</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" data-value="modifyAttendanceGroupProject" onclick="getAllProject(this)" data-target="#myModal-selectProjects" class="form-control" id="modal-modify-project" placeholder="请选择项目">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-modify-scheduleName" class="col-xs-3 control-label"><span>*</span>班次设置</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllSchedule(this)" value="" data-value="modifySelectSchedule" data-target="#myModal-selectSchedule" class="form-control" id="modal-modify-scheduleName" placeholder="请选择班次">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom: 0px">
                        <label class="col-xs-3 control-label">考勤地址</label>
                        <div class="col-xs-7" style="margin-top: 7px">
                           <span style="font-size: 12px;color: #999999;"><a id="modal-modify-selectMap" data-toggle="modal" data-target="#myModal-modify-selectAttendanceAddress" onclick="getAllAttendanceAddress_modify()">选择考勤地点</a> 或 <a id="modal-modify-addMap" onclick="setModalSelectMapModalValue(this)" value="modify" data-toggle="modal" data-target=".modal-selectMap">添加新考勤地点</a>

                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-9 col-xs-push-1">
                            <div class="table-body" style="margin-top: 3px">
                                <table id="modal-modify-attendanceAddressTable" class="table">
                                    <thead style="background-color: #FBFBFB">
                                    <tr>
                                        <th style="border-right:1px solid #E5E5E5">考勤地址</th>
                                        <th style="width: 50px">删除</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="modifyAttendanceGroup()"data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择考勤组负责人 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-selectLeaders" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >选择考勤组负责人</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectStaff-department-ul col-xs-6" style="height: 200px;overflow-y: scroll">
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: scroll">
                            <ul class="selectedStaff-staff-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary selectedStaffs-button" value="" onclick="selectedPeople(this)" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择项目 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade bs-example-modal-sm" id="myModal-selectProjects" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >选择考勤项目</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectProjects-ul" style="height: 200px;overflow-y: scroll">
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" value="" class=" btn btn-primary selectProject-button">确认</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择班次 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade bs-example-modal-sm" id="myModal-selectSchedule" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >选择班次</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectSchedule-schedule-ul" style="height: 200px;overflow-y: scroll">
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" value="" class=" btn btn-primary selectSchedule-button">确认</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择考勤地点 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-selectAttendanceAddress" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >选择考勤地点</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectAttendanceAddress-ul col-xs-6" style="height: 200px;overflow-y: scroll">
                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: scroll">
                            <ul class="selectedAttendanceAddress-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" value="" onclick="selectedAttendanceAddress()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------------------选择modify考勤地点 （模态框）--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-modify-selectAttendanceAddress" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择考勤地点</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectModifyAttendanceAddress-ul col-xs-6" style="height: 200px;overflow-y: scroll">
                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: scroll">
                            <ul class="selectedModifyAttendanceAddress-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" value="" onclick="selectedAttendanceAddress_modify()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!------确定删除makeSureDeleteAttendanceGroup-modal------->
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDeleteAttendanceGroup" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要删除？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteAttendanceGroup()" value="">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
<!------确定删除makeSureDeleteAttendanceAddress-modal------->
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDeleteAttendanceAddress" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要删除此考勤地址？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteAttendanceAddress()">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>

<!------------------------------地图------------------------------->
<div class="modal fade bs-example-modal-lg modal-selectMap" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body" style="padding: 15px 20px;">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-selectMap-address" class="col-xs-3 control-label">详细地址</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" value="" id="modal-selectMap-address" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">有效范围（米）</label>
                        <div class="col-xs-8">
                            <select id="modal-selectMap-domainRadius" style="border: 1px solid #999999;height: 28px">
                                <option>100</option>
                                <option>200</option>
                                <option selected="selected">300</option>
                                <option>400</option>
                                <option>500</option>
                                <option>600</option>
                                <option>700</option>
                                <option>800</option>
                                <option>900</option>
                                <option>1000</option>
                                <option>2000</option>
                                <option>3000</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="main-div col-xs-12">
                            <div id='allmap' style='width: 80%; height: 600px; margin-left:10%; display: none'></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="setAttendanceAddressTableAndAddAddress()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
